<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>改革开放40年，国防科技大飞跃</title>
		<style>
		*{
				margin: 0px;
				padding: 0rem;
				box-sizing: border-box;
		}
		body{
			background-image: url(img/1f1b525ce43e5c708ea71d369c53a6c5.jpeg);
			background-size: cover;
		}
		ul{
		 text-align: center;
		 
		}
		li{
			
		 font-size: 15px;
		 border: 2px ridge;
		 display: inline-block;
		 width: 260px;
		 height: 20px;
		 background-color: crimson;
		 
		 
		}
		li a{
		 text-align: center;
		 text-decoration: none;
		}
		li:hover{
		 background-color: brown;
		}
		li:active{
		 background-color: chartreuse;
		}
		
		.header {
			margin: 0px auto;
			width: 1000px;
			height: 300px;
		  background-image: url(img/185e6b5da74cf41920619bfd8b687305.jpg);
		  background-size: auto;
		  padding: 20px;
		  border: 3px ridge;
		  text-align: center;
		 height: 11.25rem;
		 font-family: "宋体";
		  
		}

		.topnav {
		  overflow: hidden;
		  background-color:#4CAF50;
		}
		 
		/* 导航链接 */
		.topnav a {
		  float: left;
		  display: block;
		  color: #f2f2f2;
		  text-align: center;
		  padding: 14px 16px;
		  text-decoration: none;
		}
		 
		/* 链接 - 修改颜色 */
		.topnav a:hover {
		  background-color: #ddd;
		  color: black;
		  }
		  h1{
			  text-shadow: red 10px 10px 10px;
		  }
		  h2{
			  margin-top: 20px;
			  position: relative;
			  left: 200px;
			  text-shadow: red 5px 5px 10px;
			  touch-action: initial;
		  }
		 /* 创建三个不相等的列 */
		 .column {
		   float: left;
		   padding: 10px;
		   
		 }
		 .row{
			 width: 800px;
			 margin: 0 auto;
			 height: auto;
			 background-image: url(img/1605448016701.jpg);
			 background-size: cover;
			 opacity: 0.8;
		 }
		 
		 /* 左右两侧宽度 */
		 .column.side {
		   width: 25%;
		   
		   height: 18.75rem;
		 }
		 
		 /* 中间区域宽度 */
		 .column.middle {
		   width: 50%;
		   
			height: 500px;
		 }
		 
		 /* 列后面清除浮动 */
		 .row:after {
		   content: "";
		   display: table;
		   clear: both;
		 }
			.friendly{
				width: 80px;
				height: 100px;
				border: 3px ridge #DC143C;
				background-color: crimson;
				float: left;
				margin-left: 210px;
				margin-top: 0;
			}
			.link a{
				text-decoration: none;
				
			}
			.link :hover{
				color: blue;
				}
				
		
		</style>
	</head>
	<body>
		<div class="header">
		<h1>风雨四十年，辉煌新时代。</h1>
		<h2>————改革开放40年，国防科技大飞越。</h2>
		</div>
	
		 <ul>
		  <li><a href="国防重器.html" target="_blank">&nbsp;国防重器&nbsp;</a></li>
		  <li><a href="高新科技.html" target="_blank">&nbsp;高新科技&nbsp;</a></li>
		  <li><a href="https://www.bilibili.com/video/BV1ft411m74X?from=search&seid=4648446601947646544" target="_blank">&nbsp;军之雄风&nbsp;</a></li>
		</ul>
		<div class="friendly">友情链接
		<div class="link"><a href="Chsi.com.cn">中国网</a></div>
		<div class="link"><a href="http://www.people.com.cn/">人民网</a></div>
		<div class="link"><a href="https://www.cctv.com/">央视网</a></div>
		</div>
			<div class="row">
				
			  <div class="column side">
			    <h1>历史延续</h1>
			    <p>1978年5月，一篇名为《实践是检验真理的唯一标准》的特约评论员文章，
								在《光明日报》一版刊发。它掀起了席卷中国的真理标准大讨论，成为那支撬动改革开放的哲学杠杆</p>
			  </div>
			  
			  <div class="column middle">
			    <h1>时代转变</h1>
			    <p>1992年初春，新的改革瓶颈亟待破局。88岁的邓小平走向了中国南方，以其巨大的政治气魄和宽阔的历史视野，发表了著名的南方谈话。
								“姓社”“姓资”的辩证解读、“社会主义的本质是解放生产力”的高超提炼，推动改革再入历史新境。</p>
			  </div>
			  
			  <div class="column side">
			    <h1>未来规划</h1> 
			    <p>进入21世纪第二个十年，全球化纵深发展背景下的中国改革开放面临着新一轮挑战。
					以习近平同志为核心的党中央，果断作出全面深化改革的重大战略决策，一方面向积存多年的顽瘴痼疾、利益格局开刀，
					一方面致力于增强改革的系统性、整体性、协同性，以300多个重大改革方案，发出了“思想再解放，改革再深入”的时代之音。</p>
			  </div>
			</div>
			
			<audio src="audio/汪峰%20-%20我爱你中国%20(Live).mp3" autoplay="autoplay"></audio>
	</body>
</html>
